    <!-- 引入Bootstrap CSS -->
    <link href="{% static 'bootstrap/bootstrap.min.css' %}" rel="stylesheet">
    <!-- Bootstrap 图标 -->
    <!-- 引入bootstrap-icons -->
    <link rel="stylesheet" href="{% static 'bootstrap-icons-1.13.1/bootstrap-icons.css' %}">
    <link href="{% static 'bootstrap-icons-1.13.1/fonts/bootstrap-icons.woff' %}" rel="stylesheet">
    <link href="{% static 'bootstrap-icons-1.13.1/fonts/bootstrap-icons.woff2' %}" rel="stylesheet">

<div class="container mt-4">
    <h1>课程详情</h1>
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">{{ course.class_subject.class_id.name }} - {{ course.class_subject.subject.name }}</h5>
            <p class="card-text"><strong>ID:</strong> {{ course.id }}</p>
            <p class="card-text"><strong>星期:</strong> {{ course.get_weekday_display }}</p>
            <p class="card-text"><strong>课时:</strong> {{ course.course_period.name|default:'未知' }}</p>
            <p class="card-text"><strong>班级信息:</strong> {{ course.class_info.name }}</p>
        </div>
        <div class="card-footer">
            <a href="{% url 'core:class_course_update' course.id %}" class="btn btn-warning">编辑</a>
            <a href="{% url 'core:class_course_delete' course.id %}" class="btn btn-danger">删除</a>
            <a href="{% url 'core:class_course_list' %}" class="btn btn-secondary">返回列表</a>
        </div>
    </div>
</div>
